<template>
	<view>
		<view class="ac-head">
			<text class="u-font-24">单据管理</text>
		</view>
		<view class="ac-body">
			<view class="head-item">
				<view class="u-flex-1"><text class="bold">回收</text></view>
				<navigator url="/pages/brother/order/create/create" class="u-border-left u-p-l-30 u-h-100 more">
					<text class="iconfont icon-tag24fuben"></text>
					<text class="u-p-l-15">新建收货</text>
				</navigator>
			</view>
			<view class="body-item u-border-top">
				<navigator url="/pages/brother/index/index" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i1"><text class="iconfont icon-jiaotongyunshu"></text><u-badge type="error" :count="0" :offset="[-8, -8]"></u-badge></view>
						<view>
							<view><text>用户回收订单</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">线上用户订单</text></view>
						</view>
					</view>
				</navigator>
				<navigator url="/pages/brother/statistics/recovery/recovery" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i2"><text class="iconfont icon-tongji"></text></view>
						<view>
							<view><text>回收统计</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">线上单回收统计</text></view>
						</view>
					</view>
				</navigator>
			</view>
		</view>
		<view class="ac-body u-m-t-10">
			<view class="head-item">
				<view class="u-flex-1"><text class="bold">入库</text></view>
				<navigator url="/pages/brother/incomOrder/create/create" class="u-border-left u-p-l-30 u-h-100 more">
					<text class="iconfont icon-tag24fuben"></text>
					<text class="u-p-l-15">新建入库</text>
				</navigator>
			</view>
			<view class="body-item u-border-top">
				<navigator url="/pages/brother/incomOrder/incomOrder" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i1"><text class="iconfont icon-ruku1"></text><u-badge type="error" :count="0" :offset="[-8, -8]"></u-badge></view>
						<view>
							<view><text>入库单</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">入库到站点单据</text></view>
						</view>
					</view>
				</navigator>
				<navigator url="/pages/brother/statistics/storage/storage" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i2"><text class="iconfont icon-tongji3"></text></view>
						<view>
							<view><text>入库统计</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">我的入库统计</text></view>
						</view>
					</view>
				</navigator>
			</view>
		</view>
		<!-- <view class="ac-body u-m-t-10">
			<view class="head-item">
				<view class="u-flex-1"><text class="bold">出库</text></view>
				
			</view>
			<view class="body-item u-border-top">
				<navigator url="/pages/brother/outOrder/outOrder" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i1"><text class="iconfont icon-chuku1"></text><u-badge type="error" :count="0" :offset="[-8, -8]"></u-badge></view>
						<view>
							<view><text>出库单</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">站点出库单据</text></view>
						</view>
					</view>
				</navigator>
				<navigator url="" class="cell u-flex-1">
					<view class="u-flex">
						<view class="icon i2"><text class="iconfont icon-tongji3"></text></view>
						<view>
							<view><text>出库统计</text></view>
							<view class="u-p-t-6"><text class="u-tips-color u-font-24">我的出库统计</text></view>
						</view>
					</view>
				</navigator>
			</view>
		</view> -->
		<!-- <view class="ac-body">
			<view class="body-item u-border-top u-text-center">
				<navigator url="/pages/brother/incomOrder/incomOrder" class="cell u-w-187">
					<view class="icon i1"><text class="iconfont icon-ziyuan192"></text></view>
					<view class="name">
						<view><text>入库单</text></view>
					</view>
				</navigator>
				<navigator url="/pages/brother/outOrder/outOrder" class="cell u-w-187">
					<view class="icon i3"><text class="iconfont icon-ziyuan192"></text></view>
					<view class="name">
						<view><text>出库单</text></view>
					</view>
				</navigator>
			</view>
		</view> -->
		<view class="ac-head">
			<text class="u-font-24">数据统计</text>
		</view>
		<view class="ac-body">
			<view class="body-item u-border-top u-text-center">
				<navigator url="/pages/brother/statistics/index/index" class="cell u-w-187">
					<view class="icon i2"><text class="iconfont icon-tongji3"></text></view>
					<view class="name">
						<view><text>作业数据</text></view>
					</view>
				</navigator>
				<!-- <navigator url="" class="cell u-w-187">
					<view class="icon i5"><text class="iconfont icon-tongji3"></text></view>
					<view class="name">
						<view><text>流水分析</text></view>
					</view>
				</navigator> -->
			</view>
		</view>
		<!-- 底部菜单 -->
		<tabbar :current="1"></tabbar>
	</view>
</template>

<script>
	import tabbar from '../components/tabbar/tabbar.vue'
	
	export default {
		components:{
			tabbar
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ac-head{
		margin-left: 30rpx;
		margin-right: 30rpx;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
	}
	.ac-body{
		background-color: #fff;
		.head-item{
			display: flex;
			align-items: center;
			height: 100rpx;
			padding: 0 30rpx;
			.more{
				display: flex;
				align-items: center;
			}
		}
		.body-item{
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			.cell{
				padding: 30rpx;
				box-sizing: border-box;
				.name{
					margin-top: 15rpx;
					padding-right: 15rpx;
				}
			}
		}
	}
	.icon{
		color: #fff;
		height: 110rpx;
		width: 110rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 16rpx;
		margin-right: 20rpx;
		position: relative;
		&.sp{
			margin-right: 0;
		}
		.iconfont{
			font-size: 56rpx;
		}
		&.i1{
			background-color: $u-color-main;
		}
		&.i2{
			background-color: $u-color-blue;
		}
		&.i3{
			background-color: $u-color-purple;
		}
		&.i4{
			background-color: $u-color-pink;
		}
		&.i5{
			background-color: $u-color-red;
		}
		&.i6{
			background-color: $u-color-orange;
		}
		&.i7{
			background-color: $u-color-yellow;
		}
		&.i8{
			background-color: $u-color-green;
		}
		&.i9{
			background-color: $u-color-teal;
		}
		&.i10{
			background-color: $u-color-cyan;
		}
		&.i11{
			background-color: $u-color-secondary;
		}
	}
</style>